<script setup lang="ts">
import useQuickJumpStore from '@/store/quick-jump'
import { storeToRefs } from 'pinia'
import QuickJumpCard from './quick-jump-card.vue'
import QuickJumpContent from './quick-jump-conten.vue'

const $store = useQuickJumpStore()
const { quickJumpList } = storeToRefs($store)
</script>

<template>
  <a-row class="items-center mt-5">
    <span>快捷导航</span>
    <quick-jump-content :list="quickJumpList">
      <template #default="{ data }">
        <quick-jump-card
          :url="data.url"
          :title="data.title"
          :target="data.target"
        />
      </template>
    </quick-jump-content>
  </a-row>
</template>

<style lang="scss" scoped></style>
